<!DOCTYPE html>
<html lang="en">
<head>
    {include file="common/head"}
</head>
<body class="body-wrapper">
{include file="common/menu"}
{include file="common/banner_one"}
<section class="section gallery">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="row">
                    {hkcms:content num="$Cate.num" page="1"}
                    <div class="job-item col-12 p-4 mb-4 border shadow-sm">
                        <div class="row g-4">
                            <div class="col-sm-12 col-md-8 d-flex align-items-center">
                                <div class="text-start ps-4">
                                    <h5 class="mb-3" style="font-size: 15px"><a href="{$item.url}" title="{$item.title}">{$item.title}</a><span class="text-danger ml-2">{$item.salary|default=''}</span></h5>
                                    <span class="text-truncate mr-3" style="font-size: 13px"><i class="fa fa-map-marker mr-2"></i>{$item.address|default=''}</span>
                                    <span class="text-truncate mr-3" style="font-size: 13px"><i class="fa fa-clock-o mr-2"></i>{$item.nature|default=''}</span>
                                    <span class="text-truncate mr-3" style="font-size: 13px"><i class="fa fa-bookmark mr-2"></i>{$item.degree|default=''}，{$item.exp|default=''}</span>
                                    <span class="text-truncate mr-0" style="font-size: 13px"><i class="fa fa-calendar mr-2"></i>{hkcms:date name="$item.publish_time" format="Y-m-d"}</span>
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-4 d-flex flex-column align-items-start align-items-md-end justify-content-center">
                                <div class="d-flex mb-3">
                                    <a class="btn btn-main-md" href="{$item.url}">{:__('Apply Now')}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/hkcms:content}
                </div>
                <div class="row">
                    <div class="col-12 text-center">
                        <nav class="d-flex justify-content-center">
                            {hkcms:contentpage item="home,pre,pageno,next,last,info" mobile_item="pre,pageno,next" home="&laquo;" pre="&lsaquo;" next="&rsaquo;" last="&raquo;" /}
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{include file="common/map"}
{include file="common/footer"}
</body>
</html>